<!DOCTYPE html>
<html>
  <head>
    <style type="text/css"><!--
      .BPMNElement {
        position: absolute;
        border: 2px dashed lightBlue;
        border-radius: 5px; -moz-border-radius: 5px;
      }
      #sid-61D1FC47-8031-4834-A9B4-84158E73F7B9 {border: 2px solid red;}
    --></style>  </head>
  <body>
    <div style="position: relative">
      <img src="testStartAndEndEventWithNegativeCoordinates.png" />
      <div class="BPMNElement" id="BPMNDiagram" style=" left: 23px; top: 23px; width: 375px; height: 30px;"></div>
      <div class="BPMNElement" id="sid-61D1FC47-8031-4834-A9B4-84158E73F7B9" style=" left: 23px; top: 23px; width: 30px; height: 30px;"></div>
      <div class="BPMNElement" id="sid-BAE25382-E7D8-4748-81EA-64EB02DDABFA" style=" left: 370px; top: 24px; width: 28px; height: 28px;"></div>
    </div>
  </body>
</html>